<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>投保单详情</title>
<link rel="stylesheet" type="text/css" href="css/home.css"/>
	<script>
        (function() {
            window.onresize = function() {
                var winW = (document.documentElement.clientWidth || document.body.clientWidth);
                document.documentElement.style.fontSize = winW / 13.66 + "px";
            };
            var winW = document.documentElement.clientWidth || document.body.clientWidth;
            document.documentElement.style.fontSize = winW / 13.66 + "px";
        })(window)
	</script>
</head>
<body>
<div>
	<header class="header">
		<div class="headerLogo">
			<img src="./img/LOGO.png" alt="太平洋保险">
		</div>
		<h1 class="title">产险智能核保辅助系统</h1>
		<div class="user">
			<a href="#">你好，001用户</a><a class="userBack" href="#">退出</a>
		</div>
	</header>
	<nav class="nav">
		<ul class="navList clearFix">
			<li class="active"><span><img src="img/nav1.png"></span>投保单详情
				<span class="line active"></span>
			</li>
			<li><span><img src="img/nav2.png"></span>模型效果分析
				<span class="line"></span>
			</li>
			<li><span><img src="img/nav3.png"></span>模型版本分析
				<span class="line"></span>
			</li>
			<li><span><img src="img/nav4.png"></span>自动风险预警
				<span class="line"></span>
			</li>
			<li><span><img src="img/nav5.png"></span>系统管理
				<span class="line"></span>
			</li>
		</ul>
	</nav>
    <div class="content">
        <div class="query">
            <h1 class="queryTitle">核保结果查询</h1>
            <div class="queryView">
                <dl class="queryCondition clearFix">
                    <dt>分公司：</dt>
                    <dd>
                        <select class="city">
                            <option>北京分公司</option>
                        </select>
                    </dd>
                    <dt>投保单号：</dt>
                    <dd>
                        <input class="insure" type="text">
                    </dd>
                    <dt>保单号：</dt>
                    <dd>
                        <input class="policy" type="text">
                    </dd>
                    <dt class="chaxundt"><button class="chaxun">查询</button></dt>
                </dl>
            </div>
        </div>
		<div class="queryInformation">
			<h1 class="informationTitle">投保单信息</h1>
			<ul class="informationList clearFix">
				<li>
					<dl>
						<dt>分公司：</dt>
						<dd>北京分公司</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>投保单号：</dt>
						<dd>Asd342343</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>核保转态：</dt>
						<dd>自动核保通过</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>核保时间：</dt>
						<dd>2017-12-6</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>投保人：</dt>
						<dd>北京分公司</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>证件类型：</dt>
						<dd>Asd342343</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>证件号码：</dt>
						<dd>自动核保通过</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>投保车辆：</dt>
						<dd>2017-12-6</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="queryInformation">
			<h1 class="informationTitle">投保单信息</h1>
			<ul class="informationList clearFix">
				<li>
					<dl>
						<dt>智能核保评分系统：</dt>
						<dd>XXXXXX</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>风险评估：</dt>
						<dd>999</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>风险描述：</dt>
						<dd></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>核保时间：</dt>
						<dd>2017-12-6</dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="queryRecord">
			<h1 class="recordTitle">报案记录</h1>
			<ul class="informationRecord clearFix">
				<li>
					<dl>
						<dt>报案时间：</dt>
						<dd>XXXXXX</dd>
						<dd>XXXXXX</dd>
						<dd>XXXXXX</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>报案号：</dt>
						<dd>999</dd>
						<dd>999</dd>
						<dd>999</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>案件描述：</dt>
						<dd></dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>当前状态：</dt>
						<dd>注销</dd>
						<dd>立案</dd>
						<dd>已赔付</dd>
					</dl>
				</li>
				<li>
					<dl>
						<dt>赔偿金额：</dt>
						<dd>0</dd>
						<dd>0</dd>
						<dd>459</dd>
					</dl>
				</li>
			</ul>
		</div>
    </div>
	<footer class="footer">
		<div>
			<p>版权所有©中国太平洋保险（集团）股份有限公司CopyRight©China Pacific</p>
			<p>Insurance(group) Co.,Ltd.. All Rights Reserved 沪ICP备12028297号</p>
		</div>

	</footer>
</div>
<script>
	var rem = document.documentElement.style.fontSize
	console.log(rem)
</script>
</body>
</html>
